<script setup lang="ts"></script>

<template>
  <div class="hm-container"></div>
</template>

<!-- style上添加了 scoped 之后
  给当前这个组件内部的元素 自动添加一个
  data-v-hash 的一个自定义属性
  并且css 的选择器 会变为 属性选择器
  比如 div{} 会变为 div[data-v-hash]
  每个组件的 data-v-hash 中的 hash 值是不同的
  就可以实现每个组件都有自己独立的样式互不干扰
-->
<style scoped>
.hm-container {
  height: 500px;
  background-color: bisque;
}
</style>
